﻿
<%@page isELIgnored="false" pageEncoding="UTF-8" contentType="text/html; UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>持名法州主页</title>


    <link rel="stylesheet" href="${pageContext.request.contextPath}/themes/icon.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/themes/default/easyui.css">


 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min1.3.5.js"></script>
 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.easyui.min1.3.5.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>


<script type="text/javascript">
	<!--菜单处理-->
    $(function () {
        $("#gridtable").datagrid({
            title:'图片展示列表',
            url:'${pageContext.request.contextPath}/Album/showAlbum',
            pagination:'true',
            fit:'true',
            columns:[[
                //增加复选框；
                {checkbox:true},
                //展示图片信息；
                {title:'专辑ID值',field:'albumId'},
                {title:'专辑名称',field:'albumName'},
                {title:'专辑作者',field:'albumAuthor'},
                {title:'专辑播音者',field:'albumTeller'},
                {title:'专辑下载量',field:'albumEpisodes'},
                {title:'专辑上传时间',field:'albumDate'},
                {title:'专辑名言',field:'albumContent'},
                {title:'专辑图片存储路径',field:'albumImage',
                    formatter:function (value,data,index) {
                        return"<img src='${pageContext.request.contextPath}"+value+"' width='100px'>"
                    }
                },
                {title:'专辑星级评价',field:'albumStar'},
            ]],
            onDblClickRow:function (Index,data) {
                $("#bannerupdate").dialog("open");
                $("#updatename").val(data.albumName);
                $("#updateId").val(data.albumId);
                $("#updateauthor").val(data.albumAuthor);
                $("#updateteller").val(data.albumTeller);
                $("#updateEpisodes").val(data.albumEpisodes);
                $("#updatedate").val(data.albumDate);
                $("#updatecontent").val(data.albumContent);
                $("#updatestar").val(data.albumStar);
            },
            toolbar:"#toolsbut"
        })
        $("#albumAdd").dialog({
            title:'添加书本面板',
            width:'400',
            height:'400',
            buttons:'#addBut',
            closed:'true'
        }),
        $("#bannerupdate").dialog({
            title:'批量添加论面板',
            width:'400',
            height:'400',
            buttons:'#addBut',
            closed:'true'
            })
    })

    function addbord() {
        $("#albumAdd").dialog("open")
    }
    function dele() {
        //获取标签元素加控件名称，调用相应的方法，获取所有的选中的id值；
        var AllIds=$("#gridtable").datagrid("getSelections")
        //判断所获中的id值是否为空进行判断；
        if(AllIds.length==0){
            alert("请选择中要删除的数据！！")
        }
        //创建新的数组；
        var ids=new Array(AllIds.length);
        alert(ids)
        //在遍历的时候进行赋值给新建的数组，然后进行传递给后台进行操作数据库；
        for(var i=0;i<ids.length;i++){
            ids[i]=AllIds[i].albumId;
        }
        alert(ids);
        //发送ajax请求
        $.ajax({
            url:"${pageContext.request.contextPath}/Album/deleteMany",
            data:"ids="+ids,
        })
        $("#gridtable").datagrid("reload")
    }


    function addOne() {
        /*获取标签元素.控件名称，调用sumbit方法，其参数为对象类型，用花括号，请求路径，提交前的验证回掉函数，根据返回值
        来确定是否提交，操作完数据的回掉函数，用来反映操作数据库的操作结果*/
        $("#bannerform").form("submit",{
            url:"${pageContext.request.contextPath}/Album/addAlbum",
            onSubmit:function () {
                var inf=$(this).form("validate");
                return inf
            },
        })
        $("#albumAdd").dialog("close");
        $("#gridtable").datagrid("reload");
    }


    function updateMess() {
        $("#updateform").form("submit",{
            url:"${pageContext.request.contextPath}/Album/updateAlbum",
            onSubmit:function () {
                var inf = $(this).form("validate");
                return inf
            }
        });
        $("#gridtable").datagrid("reload");
        $("#bannerupdate").dialog("close");

    }
</script>

</head>
<body>
<table id="gridtable">
</table>
<div id="toolsbut">
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search'"></a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove'" onclick="dele()">批量删除</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="addbord()">添加</a>
</div>
<div id="albumAdd">
    <form id="bannerform" method="post">
        专辑的名称：<input  name="albumName"><br/>
        专辑的作者：<input  name="albumAuthor"><br/>
        专辑的播读者：<input  name="albumTeller"><br/>
        专辑下载量：<input  name="albumEpisodes"><br/>
        专辑上传的时间：<input  name="albumDate"><br/>
        专辑简介：<input  name="albumContent"><br/>
        专辑的图片路径：<input  name="albumImage"><br/>
        星级评价：<input  name="albumStar"><br/>
        <input type="button" onclick="addOne()" value="添加">
    </form>
</div>
<div id="bannerupdate">
    <form id="updateform" method="post">
        <input type="hidden" id="updateId" name="albumId">
        专辑的名称：<input id="updatename" name="albumName"><br/>
        专辑的作者：<input id="updateauthor" name="albumAuthor"><br/>
        专辑的播读者：<input id="updateteller" name="albumTeller"><br/>
        专辑下载量：<input id="updateEpisodes" name="albumEpisodes"><br/>
        专辑上传的时间：<input id="updatedate" name="albumDate"><br/>
        专辑简介：<input id="updatecontent" name="albumContent"><br/>
        星级评价：<input id="updatestar" name="albumStar"><br/>
        <input type="button" onclick="updateMess()" value="修改">
    </form>
</div>

</body>
</html>